﻿<UserControl x:Class="eventr.View.FlyThoughOverlayLineDisplay"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
    Height="20" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" mc:Ignorable="d" d:DesignWidth="400" RenderTransformOrigin="0.5,0.5" x:Name="userControl">
	<UserControl.Resources>
		<Storyboard x:Name="SBLoaded">
			<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="userControl" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleX)">
				<SplineDoubleKeyFrame KeyTime="00:00:00" Value="0"/>
				<SplineDoubleKeyFrame KeyTime="00:00:01" Value="1" KeySpline="1,0,0.43299999833107,1"/>
			</DoubleAnimationUsingKeyFrames>
			<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="userControl" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleY)">
				<SplineDoubleKeyFrame KeyTime="00:00:00" Value="1"/>
			</DoubleAnimationUsingKeyFrames>
		</Storyboard>
	</UserControl.Resources>
	<UserControl.RenderTransform>
		<TransformGroup>
			<ScaleTransform ScaleX="0"/>
			<SkewTransform/>
			<RotateTransform/>
			<TranslateTransform/>
		</TransformGroup>
	</UserControl.RenderTransform>
    <Grid x:Name="LayoutRoot" Background="{x:Null}">
        <Rectangle Height="10" VerticalAlignment="Center" Margin="0,0,0,0" Width="Auto" Stroke="#FFFFFFFF" >
        	<Rectangle.Fill>
        		<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
        			<GradientStop Color="#FF002655"/>
        			<GradientStop Color="#FF0074FF" Offset="1"/>
        		</LinearGradientBrush>
        	</Rectangle.Fill>
        </Rectangle>
		
		
        <Ellipse HorizontalAlignment="Left" Margin="-10,0,0,0" Width="20" Fill="#FF008BFF" Stroke="#FFFFFFFF" Height="20" VerticalAlignment="Center"/>
        <Ellipse HorizontalAlignment="Right" Margin="0,0,-10,0" Width="20" Fill="Red" Stroke="#FF000000" Height="20" VerticalAlignment="Center"/>
        <TextBlock HorizontalAlignment="Center" VerticalAlignment="Center" Text="► ► ► ► ►" TextWrapping="Wrap" Foreground="#FFFFFFFF" FontSize="8"/>
    </Grid>
</UserControl>
